import React from 'react'

import { NavLink, Outlet } from 'react-router-dom'

export default function Home() {
  return (
    <div className="col-xs-6">
      <div className="panel">
        <div className="panel-body">
          <div>
            <h2>Home组件内容</h2>
            <div>
              <ul className="nav nav-tabs">
                <li>
                  <NavLink className="list-group-item" to="news">News</NavLink>
                </li>
                <li>
                  <NavLink className="list-group-item" to="message">Message</NavLink>
                </li>
              </ul>
              <div>
                {/* 父路由元素中应使用 <Outlet> 来呈现其子路由元素 */}
                <Outlet />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>


  )
}
